.wrap {
  padding: 0 30rpx;
  .title {
    height: 80rpx;
    padding: 20rpx;
    text-align: center;
  }

  .item {
    display: flex;
    justify-content: space-between;
  }
  .text {
    height: 60rpx;
    line-height: 60rpx;
    font-size: 26rpx;
    color: #575757;
  }

  .checkbox {
    width: 60rpx;
    line-height: 60rpx;
    &::before {
      content: '\e6cd';
      font-family: 'erabbit' !important;
      font-size: 30rpx;
      color: #444;
    }
    &.checked:before {
      content: '\e6cc';
      color: #27ba9b;
    }
  }

  .btns {
    display: flex;
    justify-content: space-between;
    margin-top: 20rpx;

    .btn {
      width: 300rpx;
      height: 70rpx;
      line-height: 70rpx;
      padding: 0;
      margin: 0;
      font-size: 28rpx;
      background-color: transparent;
      border-radius: 50rpx;
      &.cancel-btn {
        border: 1px solid #ddd;
      }

      &.confirm-btn {
        background-color: #27ba9b;
        color: #fff;
      }
    }
  }
}
